html {
    font-family: sans-serif;
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,img{
    margin:0;
    padding:0;
    border:0;
}
ul,li{
    list-style-type:none;
}
body{
    width:100%;
    background:#fff;
    font-family: 'Roboto Slab', serif;
}
body a{
    text-decoration:none;
    transition:0.5s all;
}
img {
    max-width:100%;
    height: auto;
    width: auto;
    vertical-align: middle;
}
.clearfix{
    clear: both;
}
.container{
    margin: 0 auto;
    padding: 0 15px;
    width:100%;
}
.header{
    width:100%;
    background:#7ddf6c;
    padding:33px 0;
    position:relative;
}
.mission {
    background:rgba(255,160,162,0.1);
    padding: 80px 0;
}
.mission-header h3 {
    font-family: 'Droid Serif', serif;
    font-size: 4em;
    color: seagreen;
    text-align: center;
}
.mission-container{
    margin-top: 35px;
}
.mission_div{
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding:0 15px;
}
.mission-left img {
    width: 100%;
}
.mis-one {
    margin-bottom: 30px;
}
.mis-left {
    width: 15%;
    float: left;
}
.mis-left img {
    width: 100%;
}
.mis-right {
    width: 82%;
    float: right;
}
.mis-right h3 {
    font-size: 2em;
    color: #7DDF6C;
}
.mis-right p {
    font-size: 2em;
    color: #000;
    line-height: 1.8em;
    margin: 12px 0 0 0;
}